<template>
  <div class="container">
    <div style="margin-top: 0px; font-weight: bold; font-size: 300px; color: white">404</div>
    <div style="margin-top: 100px; font-weight: bold; font-size: 30px; color: white">很抱歉，你访问的网址不存在</div>
    <div style="margin-top: 30px; margin-bottom: 0px;font-weight: 400; font-size: 30px; color: white">
      点击<a href="/login" style="text-decoration: none; color: #0074ff;">返回</a>登录页面
    </div>
  </div>
</template>

<script setup>
const handleRemove = () => {
  localStorage.clear();
}

handleRemove()
</script>

<style>
.container {
  height: 100vh;
  overflow: hidden;
  background: url("@/assets/404.jpg");
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column; /* 改为垂直方向 */
  align-items: center; /* 水平居中 */
}
</style>